<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <!-- 自适应手机屏幕 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

    <title>生机校园帮|首页</title>

    <script src="${ctx}/js/jquery-1.11.0.min.js"></script>
    <link rel="stylesheet" href="${ctx}/layui/css/layui.css">
    <script src="${ctx}/layui/layui.js"></script>
    <script src="${ctx}/layui/layui.all.js"></script>
    <script src="${ctx}/layui/layui.js" charset="utf-8"></script>
    <link rel="stylesheet" href="${ctx}/css/index.css">
    <script>
        var ctx = "${ctx}";
    </script>
    <script src="${ctx}/js/index.js" charset="utf-8"></script>
</head>
<!-- 谭德 -->
<!-- QQ：2869613749 -->
<!-- 有问题可咨询 -->

<body>

<div id="top">
    <div id="head">
        <!-- 网页logo -->
        <div href="index.html" id="logo-text">School Help(SWJD)</div>
        <!-- 搜索框 -->
        <div id="search-box">
            <input type="text" name="search" id="search-content" placeholder="任务、帮手"/>
            <div id="search-button"></div>
        </div>
        <!-- 导航栏 -->
        <ul id="nav">
            <li>
                <a href="${ctx}/index.jsp" class="now-page">首页</a>
            </li>
            <li>
                <a href="" class="new-page">奖品中心</a>
            </li>
            <li>
                <a href="${ctx}/home.jsp" class="new-page">个人中心</a>
            </li>
            <li>
                <a class="new-page" href="javascript:openIframe();">发布任务</a>
            </li>
        </ul>
    </div>
    <div id="top-right">
        <div id="mypic" class="layui-anim layui-anim-rotate" onmouseenter="picOverStyle()" onmouseleave="picOutStyle()"></div>
        <div id="myinfo" class="layui-anim layui-anim-fadein" onmouseenter="picOverStyle()" onmouseleave="picOutStyle()">
            <div id="info-top">
                <div id="mynickname"><span></span></div>
                <div id="myprofession"><span></span></div>
                <div id="mybalance"><span></span></div>
            </div>
            <div id="info-bottom">
                <a href="${ctx}/home.jsp"><div id="myhomepage">个人中心<div id="noread"></div></div></a>
                <a href=""><div id="switchaccount">切换账号</div></a>
                <a href="${ctx}/logoutAccount"><div id="logout">退出</div></a>
            </div>
        </div>
        <div id="login-regist-text">
            <div id="login-text"><a href="${ctx}/login.jsp">登录</a></div>
            <div id="login-regist-line">|</div>
            <div id="regist-text"><a href="">注册</a></div>
        </div>
    </div>
</div>

<div id="middle">
    <div id="middle-center">
        <div id="middle-center-left">
            <!-- 广告轮播 -->
            <div id="ad-box" class="layui-anim layui-anim-scale">
                <div class="layui-carousel" id="test3" lay-filter="test4">
                    <div carousel-item="">
                        <div>
                            <img src="${ctx}/img/ad1.png" class="ad-img">
                        </div>
                        <div>
                            <img src="${ctx}/img/ad2.png" class="ad-img">
                        </div>
                    </div>
                </div>
            </div>
            <!-- 帮帮榜 -->
            <div id="help-box" class="layui-anim layui-anim-scale">
                <div class="box-title">
                    <div class="title-text">帮帮榜&nbsp;>></div>
                    <div class="sort-text" onmouseenter="updownOverStyle(this)" onmouseleave="updownOutStyle(this)"
                         onclick="updownClickStyle(this)"><span>时间</span><img src="${ctx}/img/sort-null.png"
                                                                              class="sort-img">
                    </div>
                    <div class="sort-line">|</div>
                    <div class="sort-text" onmouseenter="updownOverStyle(this)" onmouseleave="updownOutStyle(this)"
                         onclick="updownClickStyle(this)"><span>好人卡</span><img src="${ctx}/img/sort-null.png"
                                                                               class="sort-img">
                    </div>
                    <div class="sort-line">|</div>
                    <div class="sort-text" onmouseenter="updownOverStyle(this)" onmouseleave="updownOutStyle(this)"
                         onclick="updownClickStyle(this)"><span>已结</span>
                    </div>
                </div>
                <div id="help-centent">
                    <!-- 帮帮榜 -->
                </div>
                <div id="help-bottom">
                    <div id="box-page" onclick="clickMore()">加载更多</div>
                    <img id="load-img" src="${ctx}/img/load.gif"/>
                    <div id="page-now">1</div>
                </div>
            </div>
        </div>
        <div id="middle-center-right">
            <!-- 校园公告 -->
            <div id="notice-box" class="layui-anim layui-anim-scale">
                <div class="box-title">
                    <div class="title-text">校园公告</div>
                </div>
                <div id="notice-text"></div>
                <div id="notice-time"></div>
            </div>
            <!-- 好人榜 -->
            <div id="goodman-box" class="layui-anim layui-anim-scale">
                <div class="box-title">
                    <div class="title-text">好人榜&nbsp;>></div>
                    <div class="sort-text2-first" onmouseenter="weekMonthOverStyle(this)" onmouseleave="weekMonthOutStyle(this)" onclick="weekMonthClick(this)">
                        <span>周榜</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    </div>
                    <div class="sort-line">|</div>
                    <div class="sort-text2" onmouseenter="weekMonthOverStyle(this)" onmouseleave="weekMonthOutStyle(this)" onclick="weekMonthClick(this)"><span>月榜</span>
                    </div>
                </div>
                <div id="goodman-centent">
                    <!-- 好人榜 -->
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部 -->
<div id="bottom">
    <div id="url">生机校园帮&nbsp;&nbsp;&nbsp;&nbsp;2019&nbsp;&nbsp;©&nbsp;&nbsp;schoolhelp.com</div>
    <div id="develop">开发组：谭德&nbsp;&nbsp;吴山河&nbsp;&nbsp;刘宇昂&nbsp;&nbsp;汪俐</div>
</div>

</body>

</html>